<script setup lang="ts">
const show = ref(false)

function handleClose() {
  show.value = false
}

function open() {
  show.value = true
}

const type = ref('order')

defineExpose({
  open,
  handleClose,
})
</script>

<template>
  <wd-popup
    v-model="show"
    position="bottom"
    custom-style="border-radius:16rpx  16rpx 0  0;"
    @close="handleClose"
  >
    <view class="pb-16">
      <view class="px-[15px] py-[10px]">
        <wd-text text="敏感操作" bold size="16px" color="#333" />
      </view>
      <view class="px-[15px] py-[10px]">
        <wd-radio-group v-model="type" shape="button">
          <wd-radio value="order">订单</wd-radio>
          <wd-radio value="dish">菜品</wd-radio>
        </wd-radio-group>
      </view>
      <view class="">
        <view class="bg- flex items-center justify-between bg-[#f2f2f2] px-[15px] py-[10px]">
          <view class="flex-[2]">
            <wd-text text="操作" bold size="14px" color="#333" />
          </view>
          <view class="flex-1 text-right">
            <wd-text text="订单量(单)" bold size="14px" color="#333" />
          </view>
          <view class="flex-1 text-right">
            <wd-text text="金额(元)" bold size="14px" color="#333" />
          </view>
        </view>
        <view class="flex items-center justify-between px-[15px] py-[10px]">
          <view class="flex-[2]">
            <wd-text text="反结" size="14px" color="#333" />
          </view>
          <view class="flex-[1] text-right">
            <wd-text text="4" size="14px" color="#333" />
          </view>
          <view class="flex-1 text-right">
            <wd-text text="114.80" size="14px" color="#333" />
          </view>
        </view>
        <view class="flex items-center justify-between bg-[#f2f2f2] px-[15px] py-[10px]">
          <view class="flex-[2]">
            <wd-text text="撤单" size="14px" color="#333" />
          </view>
          <view class="flex-[1] text-right">
            <wd-text text="4" size="14px" color="#333" />
          </view>
          <view class="flex-1 text-right">
            <wd-text text="114.80" size="14px" color="#333" />
          </view>
        </view>
        <view class="flex items-center justify-between px-[15px] py-[10px]">
          <view class="flex-[2]">
            <wd-text text="免单" size="14px" color="#333" />
          </view>
          <view class="flex-[1] text-right">
            <wd-text text="4" size="14px" color="#333" />
          </view>
          <view class="flex-1 text-right">
            <wd-text text="114.80" size="14px" color="#333" />
          </view>
        </view>
        <view class="flex items-center justify-between bg-[#f2f2f2] px-[15px] py-[10px]">
          <view class="flex-[2]">
            <wd-text text="订单手动打折" size="14px" color="#333" />
          </view>
          <view class="flex-[1] text-right">
            <wd-text text="4" size="14px" color="#333" />
          </view>
          <view class="flex-1 text-right">
            <wd-text text="114.80" size="14px" color="#333" />
          </view>
        </view>
      </view>
    </view>
    <AppSafeBottom />
  </wd-popup>
</template>

<style scoped lang="scss"></style>
